body {
--	background-color:#f4f4f4;
	margin-top: 55px;
	margin-left:0px;
	margin-bottom: 20px;
	padding: 0;
	color: #444;
	--font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	--font-family: Tahoma;
	font-size: 12px;
	background: url(../images/bg.png) repeat;
}

h1, h2, h3{
	color:#444;
	text-shadow: 0px 1px rgb(255, 255, 255);
	font-weight:lighter;
	--text-indent:5px;
}

 h4, h5{
	color:#444;
	font-weight:bold;
	text-shadow: 0px 1px rgb(255, 255, 255);
	--text-indent:5px;
}

.header{
	background-color:#444;
	height:40px;	
	--box-shadow: 0px 0px 15px #aaa;
	border: 1px Solid #333;
	background-color:#222;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #333), color-stop(1, #444) );
	background:-moz-linear-gradient( center top, #333 5%, #444 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#283752', endColorstr='#384355');
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#888888')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#8888888');
}



.searchPlaceHolder{
	display: inline-block;
	position: relative;
	width: 215px;
	height: 25px;
	background-position: 0px -65px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid #505050;
	vertical-align: middle;
	margin-left: 10px;
	background-color: #333;
}

.searchPlaceHolder label{
	position: absolute;
	border: none;
	background: none;
	width: 194px;
	height: 22px;
	line-height: 25px;
	padding: 0 5px;
}

.searchPlaceHolder input[type=text] {
	position: absolute;
	border: none;
	background: none;
	width: 194px;
	height: 22px;
	line-height: 27px;
	padding: 0 5px;
	color: #fff;
	text-shadow: 0 1px 0px #000;
	outline: none;
}

.searchPlaceHolder input[type=submit] {
	height: 25px;
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
	background: url(../images/ui/search.png) no-repeat center center;
	border: none;
	cursor: pointer;
	text-indent: 3000px;
	overflow: hidden;
}

.righNav{
	background-color:#444;
	height:40px;	
	box-shadow: 0px 0px 2px #aaa;
}

.pic{
--	border:3px Solid #fff;
--	box-shadow: 0px 0px 5px #aaa;
	height: 75px;
	width:75px;
}
.menu{
	text-align: center;
	--border-right: 1px Solid #283752;
	width:40px;
	--font-weight:bold;
	--text-shadow: 1px 0px #444;
	cursor:pointer;
}

.menu:Hover{
	background-color:#555;
	--background-color:#405170;
	
}

.forms{
	border: 1px Solid #ccc;
	padding:5px;
	border-radius:3px;
}
.forms:Hover{
	cursor: pointer;
	background-color:#ddd;
}


.bdyTable{
	background-color:#fafafa;
	width:200px;
	padding:5px;
	margin-left:10px;
	box-shadow: 0px 0px 2px #aaa;
	border-radius:5px;
	text-shadow: 0px 1px rgb(255, 255, 255);
}

.loginbgdiv{
	-moz-box-shadow:    3px 3px 5px 20px #ccc;
	-webkit-box-shadow: 3px 3px 5px 6px #ccc;
	box-shadow:         3px 3px 5px 3px #ccc;
	background-color:#283752;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #283752), color-stop(1, #384355) );
	background:-moz-linear-gradient( center top, #283752 5%, #384355 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#283752', endColorstr='#384355');
}
textarea{
	padding:2px 2px 2px 2px;
	border:1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#444;
}


input[type=text] 
{
  	padding:2px 2px 2px 2px;
	border:1px solid #ccc;
	height:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#444;
	width:165px;
	outline: none;
}

input[type=submit] 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	outline: none;
}

input[type=password] 
{
  	padding:2px 2px 2px 2px;
	border:1px solid #ccc;
	height:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#444;
	width:165px;
	outline: none;
}

select{
	padding:2px 2px 2px 2px;
	border:1px solid #ccc;
	width:165px;
	height:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#444;
	outline: none;
}

a {
  color: #00B7FF;
}

.editDelete{
	color:#436e97;
	text-decoration:none;
	font-size:12px;
	padding-right:10px;
}
.editDelete:Hover{
	text-decoration:underline;
}

.control{
	padding: 3px;
	color:#222;
	text-decoration:none;
	font-size:11px;
}
.control:Hover{
	background-color:#dc7e04;
	cursor:pointer;
}
.classname {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff), color-stop(1, #eee) );
	background:-moz-linear-gradient( center top, #fff 5%, #eee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
	--background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:3px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-size:11px;
	font-weight:bold;
	--padding:6px 24px;
	padding:6px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eee), color-stop(1, #fff) );
	background:-moz-linear-gradient( center top, #eee 5%, #fff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff');
	background-color:#dfdfdf;
}
.classname:active {
	position:relative;
	top:1px;
}

#tabs{
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#tabs li{
  float: left;
  margin: 0 .5em 0 0;
}

#tabs a{
  position: relative;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #eee);  
  background-image: -webkit-linear-gradient(top, white, #eee); 
  --padding: .7em 3.5em;
  padding: .5em 2.5em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  border-radius: 5px 0 0 0;
  box-shadow: 0 2px 2px rgba(0,0,0,.4);
}

#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after{
  background: #fff;
}

#tabs a:focus{
  outline: 0;
}

#tabs a::after{
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -.5em;  
  bottom: 0;
  width: 1em;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #eee) ;
  background-image: -webkit-linear-gradient(top, white, #eee); 
  box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  transform: skew(10deg);
  -webkit-transform: skew(10deg);
  border-radius: 0 5px 0 0;  
}

#tabs #current a,
#tabs #current a::after{
  background: #fff;
  z-index: 3;
}

#content
{
    background: #fff;
    padding: 1em;
    height: auto;
    position: relative;
    z-index: 2;	
    border-radius: 0 5px 5px 5px;
	--border: 1px Solid #eee;
    box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
}

#lean_overlay {
	position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

/*scrollpane custom CSS*/
.jspVerticalBar {
	width: 8px;
	background: transparent;
	right:0px;
}

.jspHorizontalBar {
	bottom: 5px;
	width: 100%;
	height: 8px;
	background: transparent;
}
.jspTrack {
	background: transparent;
}

.jspDrag {
	background: url(images/transparent-black.png) repeat;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}



.jspCorner {
	display:none
}

.rightNavRow{
	background-color:#444;
	color:#ccc;
	text-shadow: 0px 1px 0px rgb(0, 0, 0);
}
.rightNavRow:hover{
	background-color:#555;
	cursor:pointer;
}

.requestview{
	padding:5px;
	border-bottom:1px Solid #eee;
	border-radius:5px;
}

.requestBox{
	float:left;
	padding:10px;
	box-shadow: 0px 0px 2px #aaa;
	border-radius:2px;
	width:600px;
}


#divActionBar > div { float: left; }

.bluebutton{
	background: url(../images/ui/buttons.png) left -68px;
	border: 1px solid #3580A9;
	-moz-text-shadow: 0px -1px 0px #2C6AA3;
	-webkit-text-shadow: 0px -1px 0px #2C6AA3;
	-o-text-shadow: 0px -1px 0px #2C6AA3;
	text-shadow: 0px -1px 0px #2C6AA3;
	color: #D4E6EF;
	font-weight: bold;
	padding: 5px 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px 3px 3px 3px;
	cursor: pointer;
	text-decoration: none;
	-moz-box-shadow: 0px 1px 5px #B2B2B2;
	-webkit-box-shadow: 0px 1px 5px #B2B2B2;
	-o-box-shadow: 0px 1px 5px #B2B2B2;
	box-shadow: 0px 1px 5px #B2B2B2;
}


.bluebutton:hover{
	background: #3786B9;
}


.notification{
	float: right;
	padding: 3px;
	border-radius:5px;
	box-shadow: inset 0px 1px 2px #B2B2B2;
	background-color: #ddd;
	background-repeat: repeat-x;
	--background-image: -moz-linear-gradient(center top , rgb(238, 95, 91), rgb(196, 60, 53));
	--text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	font-size:10px;
	--color: rgb(255, 255, 255) !important;
	color:#555;
	text-shadow: 0px 1px rgb(255, 255, 255);
}

.chatHeader{
	background-color:#eee;
	padding:5px;
	margin-top:0px;
	margin-bottom:0px;
}
.chatHeader:Hover{
	cursor:pointer;
}

.notification_warning{
	position: relative;
	padding: 15px 15px;
	margin-bottom: 18px;
	color: #404040;
	background-color: #eedc94;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
	background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
	background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
	background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
	background-image: -o-linear-gradient(top, #fceec1, #eedc94);
	background-image: linear-gradient(top, #fceec1, #eedc94);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #eedc94 #eedc94 #e4c652;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.dialogcontent .ui-widget-header {
	background: #444;
 }

.dialogcontent .ui-widget-header  .ui-dialog-title{
	color	: #ccc;
	font-size:12px;
	text-shadow: 0px 1px 0px rgb(0, 0, 0);
}

.dialogcontent .ui-dialog-titlebar{
	display:none;
}

.ui-widget-overlay{
     background:#000;
}

.dialogcontent{
	font-size:12px;
	background:#eee;
	text-shadow: 0px 1px rgb(255, 255, 255);
	border:none;
	box-shadow: 0px 0px 5px #777;
}

.dialogcontent a{
	color: #fff;
}





/* */
.pull-right{
	float: right;
}
.pull-left{
	float: left;
}
.cursor{
	cursor: pointer;
}
.display{
	display: none;
}

input[class^="input-"],
input[class*="input-"]{
    border-top: 1px solid #B3B3B3;
    border-left: 1px solid #B3B3B3;
    border-right: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    color: black;
    font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
    font-size: 11px;
}
.input-comment{
    height: 50px;
    width: 85%;
    margin-left: 5px;
    overflow: hidden;
    resize: none;
    border: 1px solid #ddd;
}
.input-search{
    width: 30%;
    height: 16px;
    margin-top: 1px;
    padding: 5px 30px 5px 5px;
    outline: none;
    opacity: 0.5;
    border:1px solid #ddd;
    background-color: #fff;
    font-size: 11px;
    float: right;
    margin-right: 5px;
    background: url("/images/icon/search.png") right no-repeat;
    
}

.input-small{
    width: 70%;
    padding: 5px;
    outline: none;
    margin-top: 5px;
    
}
.input-normal{
    width: 40%;
    padding: 5px;
    outline: none;
    margin-top: 5px;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: 5px;
    
}
.input-x-medium{
    width: 190px;
    padding: 5px;
    outline: none;
    margin-top: 5px;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: 5px;
    
}
.input-medium{
    width: 87%;
    padding: 5px;
    outline: none;
    margin-top: 5px;
    
}

input[type=text] 
{
  	padding:2px 2px 2px 2px;
	border-top: 1px solid #B3B3B3;
	border-left: 1px solid #B3B3B3;
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	height:18px;
	font-family: Tahoma;
	font-size: 11px;
	color:#444;
	width:165px;
}

input[type=password] 
{
  	padding:2px 2px 2px 2px;
	border-top: 1px solid #B3B3B3;
	border-left: 1px solid #B3B3B3;
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	height:18px;
	font-family: Tahoma;
	font-size: 11px;
	color:#444;
	width:165px;
}
.hr {
	clear: both;
	padding: 0;
	margin: 0 0 1em;
	height: 6px;
	background: rgba(0, 0, 0, 0) url("/images/themes/hr-bg.gif") repeat-x 0 0;
}
select{
	padding:2px 2px 2px 2px;
	border:1px solid #ccc;
	width:165px;
	height:25px;
	--font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-family: Tahoma;
	font-size: 11px;
	color:#444;
}
[class^="button-"]{
    display: inline-block;
    margin-bottom: 0;
    font-size: 10px;
    line-height: 20px;
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: whiteSmoke;
    background-image: -moz-linear-gradient(top, white, #E6E6E6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
    background-image: -webkit-linear-gradient(top, white, #E6E6E6);
    background-image: -o-linear-gradient(top, white, #E6E6E6);
    background-image: linear-gradient(to bottom, white, #E6E6E6);
    background-repeat: repeat-x;
    border: 1px solid #BBB;
    border-color: #E6E6E6 #E6E6E6 #BFBFBF;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #A2A2A2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.button-btn {
    padding: 4px 12px;
    min-width:120px;
    text-align: center;
    margin-top: 5px;
}
.button-normal{
    padding: 4px 12px;
    text-align: center;
}
.button-medium {
    width: 50px;
    margin-top: 3px;
}
.button-icon {
    margin-top: 3px;
}
    .button-btn:hover,
    .button-icon:hover,
    .button-normal:hover{
        color: #333333;
        text-decoration: none;
        background-color: #e6e6e6;
        *background-color: #d9d9d9;
        /* Buttons in IE7 don't get borders, so darken on hover */
      
        background-position: 0 -15px;
        -webkit-transition: background-position 0.1s linear;
           -moz-transition: background-position 0.1s linear;
             -o-transition: background-position 0.1s linear;
                transition: background-position 0.1s linear;
    }
/* For Users Header Portal */
.headerTopBar{
    top:0px;
    width: 100%; height: 40px;
    border-bottom: 2px solid  #000;
    position: fixed;z-index: 6100;
    box-shadow: 0px 0px 15px #aaa;
    background-color:#283752;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #283752), color-stop(1, #384355) );
	background:-moz-linear-gradient( center top, #283752 5%, #384355 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#283752', endColorstr='#384355');
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#888888')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#8888888');
}
    .headerTopBar > div{
        margin: 0 auto; width: 1350px;
    }
        .headerTopBar > div > .companyName{
            float: left;color: #fff; font-size: 12px;
        }
        .headerTopBar > div > .loginMenu{
            float: right; color: #fff; font-size: 12px;
        }
        .headerTopBar > div > .loginMenu > .userMenu{
            float: left;height: 40px;padding: 0px 10px 0px 10px;
        }
        .userSeparator{
            float: left;margin-top: 5px;width: 1px;border-left: 1px solid #6f6f6f;height: 30px;
        }
            .headerTopBar > div > .loginMenu > .userMenu:hover{
                cursor: pointer;
                background-color: #6f6f6f;
            }
	.userMenu > div > a > .headLink{
            margin-top: 7px;
        }
        .userMenu > div{
            margin-top: 7px;color: #fff;
        }
	
/* Comment */

/* Comment DashBoard and Post Content like fb*/
/*
.postContainerList{
    float: left;width: 500px;border-bottom:1px solid #ddd;min-height: 30px; padding: 5px;list-style: none;
}
.postContainerList > div:first-child{
    float: left;width: 10%;
}
.postContainerList > div:last-child{
    float: left;width: 85%;padding-left: 5px;
}*/
.requestPost{
    font-size: 15px;color: #6D84B4;
}
    .requestContentPost{
        text-align: justify; 
    }
    .requestButtonPost{
        color: #6D84B4;padding: 5px 0px 5px 0px;font-size:10px;
    }
a.hrefPostAction{
    color: #6D84B4;
}
.hrefPostAction:hover{
    text-decoration: underline;
    cursor: pointer;
}
/* Add Comment Design */
.addCommentPost{
    float:left;background-color: whiteSmoke;padding: 5px 10px 5px 5px
}
    .userAvatar{
        float: left;width: 40px;margin-top:5px;
    }
        .commentPost{
            float: left;width: 85%;
        }
        .userComment{
            font-size: 12px;color: #6D84B4;
        }
        .userAddComment{
            font-size:12px;text-align: justify;
        }

/*********************************************** ICON SET ***********************************************************/
/* Icon Set */
[class^="icon-"]{
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background: url("../images/icon/icons.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}
.icon-glass {
  background-position: 0      0;
}

.icon-music {
  background-position: -24px 0;
}

.icon-search {
  background-position: -48px 0;
}

.icon-envelope {
  background-position: -72px 0;
}

.icon-heart {
  background-position: -96px 0;
}

.icon-star {
  background-position: -120px 0;
}

.icon-star-empty {
  background-position: -144px 0;
}

.icon-user {
  background-position: -168px 0;
}

.icon-film {
  background-position: -192px 0;
}

.icon-th-large {
  background-position: -216px 0;
}

.icon-th {
  background-position: -240px 0;
}

.icon-th-list {
  background-position: -264px 0;
}

.icon-ok {
  background-position: -288px 0;
}

.icon-remove {
  background-position: -312px 0;
}

.icon-zoom-in {
  background-position: -336px 0;
}

.icon-zoom-out {
  background-position: -360px 0;
}

.icon-off {
  background-position: -384px 0;
}

.icon-signal {
  background-position: -408px 0;
}

.icon-cog {
  background-position: -432px 0;
}

.icon-trash {
  background-position: -456px 0;
}

.icon-home {
  background-position: 0 -24px;
}

.icon-file {
  background-position: -24px -24px;
}

.icon-time {
  background-position: -48px -24px;
}

.icon-road {
  background-position: -72px -24px;
}

.icon-download-alt {
  background-position: -96px -24px;
}

.icon-download {
  background-position: -120px -24px;
}

.icon-upload {
  background-position: -144px -24px;
}

.icon-inbox {
  background-position: -168px -24px;
}

.icon-play-circle {
  background-position: -192px -24px;
}

.icon-repeat {
  background-position: -216px -24px;
}

.icon-refresh {
  background-position: -240px -24px;
}

.icon-list-alt {
  background-position: -264px -24px;
}

.icon-lock {
  background-position: -287px -24px;
}

.icon-flag {
  background-position: -312px -24px;
}

.icon-headphones {
  background-position: -336px -24px;
}

.icon-volume-off {
  background-position: -360px -24px;
}

.icon-volume-down {
  background-position: -384px -24px;
}

.icon-volume-up {
  background-position: -408px -24px;
}

.icon-qrcode {
  background-position: -432px -24px;
}

.icon-barcode {
  background-position: -456px -24px;
}

.icon-tag {
  background-position: 0 -48px;
}

.icon-tags {
  background-position: -25px -48px;
}

.icon-book {
  background-position: -48px -48px;
}

.icon-bookmark {
  background-position: -72px -48px;
}

.icon-print {
  background-position: -96px -48px;
}

.icon-camera {
  background-position: -120px -48px;
}

.icon-font {
  background-position: -144px -48px;
}

.icon-bold {
  background-position: -167px -48px;
}

.icon-italic {
  background-position: -192px -48px;
}

.icon-text-height {
  background-position: -216px -48px;
}

.icon-text-width {
  background-position: -240px -48px;
}

.icon-align-left {
  background-position: -264px -48px;
}

.icon-align-center {
  background-position: -288px -48px;
}

.icon-align-right {
  background-position: -312px -48px;
}

.icon-align-justify {
  background-position: -336px -48px;
}

.icon-list {
  background-position: -360px -48px;
}

.icon-indent-left {
  background-position: -384px -48px;
}

.icon-indent-right {
  background-position: -408px -48px;
}

.icon-facetime-video {
  background-position: -432px -48px;
}

.icon-picture {
  background-position: -456px -48px;
}

.icon-pencil {
  background-position: 0 -72px;
}

.icon-map-marker {
  background-position: -24px -72px;
}

.icon-adjust {
  background-position: -48px -72px;
}

.icon-tint {
  background-position: -72px -72px;
}

.icon-edit {
  background-position: -96px -72px;
}

.icon-share {
  background-position: -120px -72px;
}

.icon-check {
  background-position: -144px -72px;
}

.icon-move {
  background-position: -168px -72px;
}

.icon-step-backward {
  background-position: -192px -72px;
}

.icon-fast-backward {
  background-position: -216px -72px;
}

.icon-backward {
  background-position: -240px -72px;
}

.icon-play {
  background-position: -264px -72px;
}

.icon-pause {
  background-position: -288px -72px;
}

.icon-stop {
  background-position: -312px -72px;
}

.icon-forward {
  background-position: -336px -72px;
}

.icon-fast-forward {
  background-position: -360px -72px;
}

.icon-step-forward {
  background-position: -384px -72px;
}

.icon-eject {
  background-position: -408px -72px;
}

.icon-chevron-left {
  background-position: -432px -72px;
}

.icon-chevron-right {
  background-position: -456px -72px;
}

.icon-plus-sign {
  background-position: 0 -96px;
}

.icon-minus-sign {
  background-position: -24px -96px;
}

.icon-remove-sign {
  background-position: -48px -96px;
}

.icon-ok-sign {
  background-position: -72px -96px;
}

.icon-question-sign {
  background-position: -96px -96px;
}

.icon-info-sign {
  background-position: -120px -96px;
}

.icon-screenshot {
  background-position: -144px -96px;
}

.icon-remove-circle {
  background-position: -168px -96px;
}

.icon-ok-circle {
  background-position: -192px -96px;
}

.icon-ban-circle {
  background-position: -216px -96px;
}

.icon-arrow-left {
  background-position: -240px -96px;
}

.icon-arrow-right {
  background-position: -264px -96px;
}

.icon-arrow-up {
  background-position: -289px -96px;
}

.icon-arrow-down {
  background-position: -312px -96px;
}

.icon-share-alt {
  background-position: -336px -96px;
}

.icon-resize-full {
  background-position: -360px -96px;
}

.icon-resize-small {
  background-position: -384px -96px;
}

.icon-plus {
  background-position: -408px -96px;
}

.icon-minus {
  background-position: -433px -96px;
}

.icon-asterisk {
  background-position: -456px -96px;
}

.icon-exclamation-sign {
  background-position: 0 -120px;
}

.icon-gift {
  background-position: -24px -120px;
}

.icon-leaf {
  background-position: -48px -120px;
}

.icon-fire {
  background-position: -72px -120px;
}

.icon-eye-open {
  background-position: -96px -120px;
}

.icon-eye-close {
  background-position: -120px -120px;
}

.icon-warning-sign {
  background-position: -144px -120px;
}

.icon-plane {
  background-position: -168px -120px;
}

.icon-calendar {
  background-position: -192px -120px;
}

.icon-random {
  width: 16px;
  background-position: -216px -120px;
}

.icon-comment {
  background-position: -240px -120px;
}

.icon-magnet {
  background-position: -264px -120px;
}

.icon-chevron-up {
  background-position: -288px -120px;
}

.icon-chevron-down {
  background-position: -313px -119px;
}

.icon-retweet {
  background-position: -336px -120px;
}

.icon-shopping-cart {
  background-position: -360px -120px;
}

.icon-folder-close {
  background-position: -384px -120px;
}

.icon-folder-open {
  width: 16px;
  background-position: -408px -120px;
}

.icon-resize-vertical {
  background-position: -432px -119px;
}

.icon-resize-horizontal {
  background-position: -456px -118px;
}

.icon-hdd {
  background-position: 0 -144px;
}

.icon-bullhorn {
  background-position: -24px -144px;
}

.icon-bell {
  background-position: -48px -144px;
}

.icon-certificate {
  background-position: -72px -144px;
}

.icon-thumbs-up {
  background-position: -96px -144px;
}

.icon-thumbs-down {
  background-position: -120px -144px;
}

.icon-hand-right {
  background-position: -144px -144px;
}

.icon-hand-left {
  background-position: -168px -144px;
}

.icon-hand-up {
  background-position: -192px -144px;
}

.icon-hand-down {
  background-position: -216px -144px;
}

.icon-circle-arrow-right {
  background-position: -240px -144px;
}

.icon-circle-arrow-left {
  background-position: -264px -144px;
}

.icon-circle-arrow-up {
  background-position: -288px -144px;
}

.icon-circle-arrow-down {
  background-position: -312px -144px;
}

.icon-globe {
  background-position: -336px -144px;
}

.icon-wrench {
  background-position: -360px -144px;
}

.icon-tasks {
  background-position: -384px -144px;
}

.icon-filter {
  background-position: -408px -144px;
}

.icon-briefcase {
  background-position: -432px -144px;
}

.icon-fullscreen {
  background-position: -456px -144px;
}
/* For Messaging CSS Design */
.msgTop{
	float:left;margin-left:10px;margin-bottom:5px;width:800px;
}
	.margin-left_5{
		margin-left: 5px;
	}

.msgBottom{
	float:left;margin-left:10px;border:1px solid #ddd;
	width:800px;height:775px;background-color:#fff;
}
	.msgInbox{
		float:left;width:350px;border-right:1px solid #ddd;height:775px;
	}
		.msgInbox > li{
			float:left;list-style:none;border-bottom:1px solid #ddd;height:50px;width:100%;
			cursor:pointer;
		}
			.divF{
				float:left;width:15%;
			}
				.divF > img{
					border:2px solid #ddd;margin-top:10px;margin-left:10px;
				}
			.divC{
				float:left;width:75%;margin-top:3px;
			}
				.lblName{
					font-weight:bold;color:#0A93CC;
				}
				.lblContent{
					color:#6d6d6d;font-size:12px;
				}
				.lblTime{
					font-style:italic;color:#B2B2B2;width:10%;
				}
			.divL{
				float:left;width:10%;margin-top:3px;
			}
				.chckbx{
					margin-top:15px;margin-left:10px;
				}
	.msgNote{
		margin-top:200px;text-align:center;color:#ccc;
	}
		.msgNote > label{
			font-size:15px;
		}
	.msgContent{
		float:left;width:420px;height:900px;padding:10px;
	}
		.msgContent > div:first-child{
			height:20px;
		}
		.msgContent > div:last-child{
			border:1px solid #ddd;height:730px;
		}
			.msgContent > div:last-child > div{
				float:left;width:97.5%;height:350px;
				padding:5px;overflow:auto;
			}
				.msgContent > div:last-child > div > li{
					float:left;list-style:none;border-bottom:1px solid #ddd;
					min-height:50px;width:100%;cursor:pointer;
				}
				.msgContent > div:last-child > div:last-child{
					float:left;width:97.5%;border-top:1px solid #ddd;padding:5px;
				}
					.inputTxtArea{
						float:left;margin-top:-1px;resize:none;overflow:hidden;margin-left:15px;
					}

/* For Announcement CSS Design */
.postContainerList{
	float:left;border-bottom:1px solid #ddd;width:100%;min-height:70px;padding:5px;list-style: none;
}
	.postContainerList > div:first-child{
		float:left;width:80px;
	}
		.postContainerList > div:first-child > img{
			border:2px solid #ddd;margin-top:10px;margin-left:5px;
		}
	.postContainerList > div:last-child{
		float:left;width:85%;text-align:justify;
	}
			.postlblN{
				font-weight:bold;color:#0A93CC;text-decoration:underline;
			}
			.postlblC{
				color:#6d6d6d;font-size:12px;margin-bottom:5px;
			}
			.postlblA{
				font-style:italic;color:#B2B2B2;
			}
			.postlblActions{
				text-decoration:underline;font-style:italic;color:#B2B2B2;cursor:pointer;
			}
	
	.commentReply{
		float:left; width:700px;
	}
			.commentReply > div:first-child {
				float:left;width:45px;
			}
			.commentReply > div:last-child{
				float:left;width:72%;text-align:justify;margin-top:-12px;
			}
		.commentPostReply{
			float:left;width:600px;
		}
		.commentPostAction{
			float:left;width:580px;
		}
		.commentAction{
			float:left;width:700px;
		}
			.commentPostReply > div:first-child,
			.commentAction > div:first-child,
			.commentPostAction > div:first-child{
				float:left;width:45px;
			}
			.commentPostReply > div:nth-child(2),
			.commentAction > div:nth-child(2),
			.commentPostAction > div:nth-child(2){
				float:left;width:80%;text-align:justify;margin-top:-12px;
			}
	.commentBox{
		float:left;margin-top:10px;resize:none;overflow:hidden;
	}
	.commentbtn{
		float:left;height:35px;margin-top:12px;margin-left:5px;
	}
	
	
	


